<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="keywords" content="VR虚拟、形拓科技" />
    <meta name="description" content="形拓科技官网">
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="assets/third/swiper/swiper.min.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <title>成功案例｜形拓科技 </title>
</head>

<body>
    <!-- 顶部 header start -->
    <div class="header">
        <div class="inner">
            <a href="index.html" class="logo"></a>
            <div class="m-nav-switch">
                <span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span><span class="item"></span>
            </div>
            <div class="nav">
                <ul>
                    <li ><a href="index.html" class="first-level-menu">首页</a></li>
                    <li ><a href="innovation-motivation.html" class="first-level-menu"> 创新动力 </a></li>
                    <li  class="current drop-menu active" >
                        <a href="success-cases.html" class="first-level-menu"> 成功案例 <i class="icon-arrow-d"></i> </a>
                        <span class="m-drop-arrow first-level-arrow"></span>
                        <div class="drop-content">
                            <div class="item">
                                <a href="success-cases.html#caseItem1"> <span class="txt">应急管理</span> <i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">危害预测及推演</a>
                                    <a href="case-details.html">协同指挥及施救</a>
                                    <a href="case-details.html">应急方案沙盘</a>
                                    <a href="case-details.html">应急培训演练</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem2"> <span class="txt">数字教育 </span><i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">XR教学课件</a>
                                    <a href="case-details.html">虚拟实训基地</a>
                                    <a href="case-details.html">模拟仿真实验</a>
                                    <a href="case-details.html">虚拟教育平台</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem3"><span class="txt">数字孪生</span> <i class="icon-arrow-r"></i>
                                </a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">智慧工厂</a>
                                    <a href="case-details.html">智慧园区</a>
                                    <a href="case-details.html">操作仿真</a>
                                    <a href="case-details.html">环境仿真</a>
                                </div>
                            </div>
                            <div class="item">
                                <a href="success-cases.html#caseItem4"><span class="txt">行业应用 </span> <i class="icon-arrow-r"></i></a>
                                <span class="m-drop-arrow"></span>
                                <div class="drop__cont">
                                    <a href="case-details.html">石油化工</a>
                                    <a href="case-details.html">能源</a>
                                    <a href="case-details.html">教育</a>
                                    <a href="case-details.html">工业制造</a>
                                    <a href="case-details.html">医疗健康</a>
                                    <a href="case-details.html">航天航空</a>
                                    <a href="case-details.html">城市管理</a>
                                    <a href="case-details.html">更多</a>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li ><a href="service.html" class="first-level-menu"> 无忧服务 </a></li>
                    <li ><a href="about.html" class="first-level-menu"> 关于我们 </a></li>
                    <li class="lang-switch"><a href="javascript:void(0)"> EN </a></li>
                </ul>
                <div class="contact-infor-tabbox mobile-show">
                    <div class="infor-tab-nav">
                        <span class="item active">上海</span><span class="item">山东</span><span class="item">浙江</span>
                    </div>
                    <div class="infor-tab-cont">
                        <p>地址：徐汇区桂平路418号2008室</p>
                        <p>电话：（+86）02164318100</p>
                        <p>传真：（+86）02164318123</p>
                    </div>
                    <div class="infor-tab-cont" style="display: none;">
                        <p>地址：济南市天辰路2177号联合财富广场2号楼709</p>
                        <p>电话：（+86）053165687390</p>
                        <p>传真：（+86）053164395288</p>
                    </div>
                    <div class="infor-tab-cont" style="display: none;">
                        <p>地址：宁波市江北区宝马街8号2幢202室</p>
                        <p>电话：（+86）057364318100</p>
                        <p>传真：（+86）057364318123</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- // header end -->
    <!-- 顶部kv start-->
    <div class="top-banner banner-case J-scroll-group">
        <div class="wrap-box">
            <div class="inner-cont">
                <h3 class="ani-up-in">成功案例</h3>
                <p class="zh ani-up-in">
                    多年来一直致力于通过最新的XR、AI及数字科学技术为商业客户提供沉浸式、智能化、系统化应用，并为商业客户带去多维度数字收益
                </p>           
            </div>
            <div class="lattice-group staggering-grid-1 lattice-item3 mobile-hide">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <span class="lattice-5 abs"></span>
            <span class="lattice-6 abs mobile-hide"></span>
        </div>
        <span class="lattice-1 abs"></span>
        <span class="lattice-2 abs"></span>
        <div class="video-bg" data-pc-url="assets/video/banner-case.mp4" data-mobile-url="assets/video/banner-case@2x.mp4"></div>
    </div>
    <!-- // 顶部kv end-->

    <!-- 成功案例列表 start -->
    <div class="case-box wrap-box">
        <!-- 应急管理 start -->
        <div class="case-cont-item J-scroll-group" id="caseItem1">
            <h3 class="cont-til60 ani-up-in">应急管理</h3>
            <p class="sub-til ani-up-in-100">为石油化工、海洋工业、煤矿开采、能源及危险品运输储备行业提供全套应急管理方案</p>
            <ul class="case-list">
                <li class="ani-up-in2 ani-delay-125"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_1_1.jpg">
                        </div>
                        <div class="content">
                            <h4>危害预测及推演</h4>
                            <p class="txt">
                                通过环境模型、传感器，实时监控场景内主要高危设备；在事故、灾害发生后，又可通过机理模型，推演事态发展趋势，应急管理游刃有余。
                            </p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-25"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_1_2.jpg">
                        </div>
                        <div class="content">
                            <h4>协同指挥及施救</h4>
                            <p class="txt">
                                解决应急管理及施救参与者信息不对称、延迟和沟通障碍等问题，提高多方、多级协调指挥效率，为救援争取更多时间。
                            </p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-375"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_1_3.jpg">
                        </div>
                        <div class="content">
                            <h4>应急方案沙盘</h4>
                            <p class="txt">
                                为用户提供全局视角，在事故发生时、发生后与多个单位部门协调、复盘应急管理方案和指挥、救援中的得与失。
                            </p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-5"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_1_4.jpg">
                        </div>
                        <div class="content">
                            <h4>应急培训演练</h4>
                            <p class="txt">
                                通过XR技术，对不同事故情况进行仿真，实现低成本、沉浸式单人、多人协同救援、现场指挥演练，提高人员应急管理素质，和临场应变能力。
                            </p>
                        </div>
                    </a></li>
            </ul>
            <div class="lattice-group abs staggering-grid-1">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <span class="lattice-5 abs"></span>
            <span class="lattice-6 abs"></span>
        </div>
        <!-- //end -->
        <!-- 数字教育 start -->
        <div class="case-cont-item J-scroll-group" id="caseItem2">
            <h3 class="cont-til60 ani-up-in">数字教育</h3>
            <p class="sub-til ani-up-in-100">使用XR技术的数字教育，降低投入成本、提高操作安全、增加实践次数，在提供沉浸式体验的同时激发学生创新能力</p>
            <ul class="case-list">
                <li class="ani-up-in2 ani-delay-125"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_2_1.jpg">
                        </div>
                        <div class="content">
                            <h4>XR教学课件</h4>
                            <p class="txt">
                                将XR技术与教学结合，打破传统，通过沉浸式教学方法，帮助学生直观理解知识要点、激发创新能力
                            </p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-25"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_2_2.jpg">
                        </div>
                        <div class="content">
                            <h4>虚拟实训基地</h4>
                            <p class="txt">
                                通过虚实结合的方式，呈现出近乎于真实的操作结果；不仅节约了硬件投入和场地，还可以提高实践次数和安全性
                            </p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-375"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_2_3.jpg">
                        </div>
                        <div class="content">
                            <h4>模拟仿真实验</h4>
                            <p class="txt">
                                在虚拟实验室中，学生可以安全地实现对新事物的好奇、探索及兴趣；学校可以有效提高教育水平，并发现学生的才华
                            </p>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-5"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_2_4.jpg">
                        </div>
                        <div class="content">
                            <h4>虚拟教育平台</h4>
                            <p class="txt">
                                将个性化、社交化的元宇宙理念融入到教育平台中，学生通过远程方式与老师、企业人士在虚拟课堂、工厂、会议室场景中互动，分享实际生产中知识点应用。
                            </p>
                        </div>
                    </a></li>
            </ul>
            <div class="lattice-group abs staggering-grid-1">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <span class="lattice-5 abs"></span>
            <span class="lattice-6 abs"></span>
        </div>
        <!-- //end -->
        <!-- 数字孪生 start -->
        <div class="case-cont-item J-scroll-group" id="caseItem3">
            <h3 class="cont-til60 ani-up-in">数字孪生</h3>
            <p class="sub-til ani-up-in-100">通过数字孪生技术链接实体、数字资产，展现了一个全数据驱动的工业元宇宙世界，提升了模型映射实体全生命周期的可靠性和效率。<br />
                同时，将实物产品放在这种具有实时数据流的虚拟环境中，可有效利用AI技术对其进行数据分析。</p>
            <ul class="case-list m-col-2">
                <li class="ani-up-in2 ani-delay-125"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_3_1.jpg">
                        </div>
                        <div class="content">
                            <h4>智慧工厂</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-25"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_3_2.jpg">
                        </div>
                        <div class="content">
                            <h4>智慧园区</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-375"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_3_3.jpg">
                        </div>
                        <div class="content">
                            <h4>操作仿真</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-5"><a href="case-details.html">
                        <div class="thumb">
                            <img src="assets/images/case/case_3_4.jpg">
                        </div>
                        <div class="content">
                            <h4>环境仿真</h4>
                        </div>
                    </a></li>
            </ul>
            <div class="lattice-group abs staggering-grid-1">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <span class="lattice-5 abs"></span>
            <span class="lattice-6 abs"></span>
        </div>
        <!-- //end -->
        <!-- 行业应用 start -->
        <div class="case-cont-item J-scroll-group mb120" id="caseItem4">
            <h3 class="cont-til60 ani-up-in">行业应用</h3>
            <ul class="case-list case-icon-group">
                <li class="ani-up-in2 ani-delay-125"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-01.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·爆炸分析</span>
                                    <span>·员工培训</span>
                                    <span>·应急管理</span>
                                    <span>·数字孪生</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>石油化工</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-25"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-02.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·爆炸分析</span>
                                    <span>·应急管理</span>
                                    <span>·数字孪生</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>能源</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-375"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-03.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·虚拟实验</span>
                                    <span>·虚拟实训</span>
                                    <span>·在线课堂</span>
                                    <span>·虚仿基地</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>教育</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-5"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-04.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·用户培训</span>
                                    <span>·数字孪生</span>
                                    <span>·工厂参观</span>
                                    <span>·设计评审</span>                               
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>工业制造</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-625"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-05.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·医疗培训</span>
                                    <span>·心理康复</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>医疗健康</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-75"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-06.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·维修培训</span>
                                    <span>·数字孪生</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>航空航天</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-875"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-07.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·智慧楼宇</span>
                                    <span>·智慧园区</span>
                                    <span>·智慧港口</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>城市管理</h4>
                        </div>
                    </a></li>
                <li class="ani-up-in2 ani-delay-10"><a href="case-details.html">
                        <div class="icon-box">
                            <div class="icon">
                                <img src="assets/images/case/case-icon-08.png">
                            </div>
                            <div class="infor">
                                <div class="inner">
                                    <span>·文艺</span>
                                    <span>·体育</span>
                                    <span>·电商</span>
                                    <span>·物流</span>
                                </div>
                            </div>
                        </div>
                        <div class="content">
                            <h4>更多</h4>
                        </div>
                    </a></li>
            </ul>
            <div class="lattice-group abs staggering-grid-1">
                <div class="grid">
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                    <span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                        class="el"></span><span class="el"></span><span class="el"></span>
                </div>
                <div class="grid shadow">
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                    <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                </div>
            </div>
            <span class="lattice-5 abs"></span>
            <!-- <span class="lattice-6 abs"></span> -->
        </div>
        <!-- //end -->
    </div>
    <!-- // 成功案例列表 end -->

    <!-- 底部模块 start -->
    <div class="footer J-scroll-group">
        <!-- <div class="lattice-group abs staggering-grid-2 w144">
            <div class="grid">
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span><span
                    class="el"></span><span class="el"></span>
                <span class="el"></span><span class="el"></span><span class="el"></span><span class="el"></span>
            </div>
            <div class="grid shadow">
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
                <span></span><span></span><span></span><span></span>
            </div>
        </div> -->
        <div class="wrap-box">
            <!-- <span class="lattice-5 abs"></span> -->
            <span class="lattice-6 abs"></span>
            <h3 class="cont-til50 ani-up-in2">不妨和我们聊聊<br />我们能为您带来什么</h3>
            <div class="footer-cont ani-opacity-in ani-delay-25">
                <div class="form-box">
                    <div class="form-item">
                        <span class="label">姓名</span>
                        <input type="text" placeholder="请输入您的姓名" class="input">
                    </div>
                    <div class="form-item">
                        <span class="label">电子邮件</span>
                        <input type="text" placeholder="请输入您的电子邮箱地址" class="input">
                    </div>
                    <div class="form-item">
                        <span class="label">联系电话</span>
                        <p class="tel-item">
                            <i>+86</i>
                            <input type="text" placeholder="" class="input">
                        </p>
                    </div>
                    <div class="form-item">
                        <span class="label">途径</span>
                        <div class="select-item J-select-item">
                            <span class="select-text"> 公众号 </span>
                            <ul class="select-options">
                                <li data-value="公众号" class="selected"> <span class="txt"> 公众号 </span> </li>
                                <li data-value="朋友推荐"> <span class="txt"> 朋友推荐 </span> </li>
                                <li data-value="短信推送"> <span class="txt"> 短信推送 </span> </li>
                                <li data-value="线下推广"> <span class="txt"> 线下推广 </span> </li>
                                <li data-value="其他"> <span class="txt"> 其他 </span> </li>
                            </ul>
                        </div>
                    </div>
                    <div class="form-item textarea-item">
                        <span class="label">内容</span>
                        <textarea class="textarea"></textarea>
                    </div>
                    <div class="form-item">
                        <button class="more-btn">
                            <span class="text">立即提交</span> <i class="dot"></i><i class="dot"></i><i class="dot"></i><i
                                class="dot"></i>
                            <p class="line-group"></p>
                        </button>
                    </div>
                </div>
                <div class="infor-box">
                    <a href="index.html" class="bot-logo">
                        <img src="assets/images/logo@2x.png">
                    </a>
                    <div class="contact-infor-tabbox mobile-hide">
                        <div class="infor-tab-nav">
                            <span class="item active">上海</span><span class="item">山东</span><span class="item">浙江</span>
                        </div>
                        <div class="infor-tab-cont">
                            <p>地址：徐汇区桂平路418号2008室</p>
                            <p>电话：（+86）02164318100</p>
                            <p>传真：（+86）02164318123</p>
                        </div>
                        <div class="infor-tab-cont" style="display: none;">
                            <p>地址：济南市天辰路2177号联合财富广场2号楼709</p>
                            <p>电话：（+86）053165687390</p>
                            <p>传真：（+86）053164395288</p>
                        </div>
                        <div class="infor-tab-cont" style="display: none;">
                            <p>地址：宁波市江北区宝马街8号2幢202室</p>
                            <p>电话：（+86）057364318100</p>
                            <p>传真：（+86）057364318123</p>
                        </div>
                    </div>
                    <!-- code -->
                    <div class="WX-code">
                        <img src="assets/images/WX_code.png" alt="形拓科技公众号">
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright ani-opacity-in ani-delay-5">COPYRIGHT 2022上海形拓科技有限公司 版权所有 沪ICP备14033395号</div>
        <div class="video-bg">
            <video autoplay muted loop preload="auto" x-webkit-airplay='true' x5-video-player-type='h5'
                x5-video-player-fullscreen='true' playsinline class="video">
                <source src="assets/video/foot.mp4">
            </video>
        </div>
    </div>
    <!-- // 底部模块 end -->
    <script src="assets/third/jquery-2.1.4.min.js"></script>
    <script src="assets/third/gsap3.11.5/gsap.min.js"></script>
    <script src="assets/third/gsap3.11.5/ScrollTrigger.min.js"></script>
    <script src="assets/third/swiper/swiper.min.js"></script>
    <!-- assets/third/vanilla-tilt.min.js -->
    <script src="assets/third/anime.min.js"></script>
    <script src="assets/js/common.min.js"></script>
</body>

</html>